<template>
	<!-- <img src="../../img/绘王2.png" alt=""> -->
	<div>
		<div class="tu1">
			<img class="title" src="../../img/tu1.png" alt="">
			<img class="title2" src="../../img/tu2.png" alt="">
			<img class="title3" src="../../img/tu3.png" alt="">
			<div class="right_bar">
				<img src="../../img/bar1.png" alt="">
				<img src="../../img/bar2.png" alt="">
				<img src="../../img/bar3.png" alt="">
				<img src="../../img/bar4.png" alt="">
				<img src="../../img/bar5.png" alt="">
			</div>
		</div>
		<div class="tu2">
		</div>
		<div class="tu3">
			<video src="blob:https://www.bilibili.com/1caefe70-4c63-47ba-b7c0-737335e85f9c"></video>
		</div>
		<div class="tu4">
			
		</div>
		<div class="tu5">
			
		</div>
		<div class="tu6">
			
		</div>
		<div class="tu7">
			
		</div>
		<div class="tu8">
			
		</div>
		<div class="tu9">
			
		</div>
		<div class="tu10">
			
		</div>
		<div class="footer">
			
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	.tu1,.tu2,.tu3,.tu4,.tu5,.tu6,.tu7,.tu8,.tu9,.tu10,.footer {
		width: 100%;
		background-size: 100%;
		background-repeat: no-repeat;
		position: relative;
	}
	.tu1 {
		height: 790px;
		background-image: url('../../img/绘王2.png');
	}
	.tu2 {
		height: 500px;
		background-image: url('../../img/second.jpg');
	}
	.tu3 {
		height: 700px;
		background-image: url('../../img/third.jpg');
	}
	.tu4 {
		height: 600px;
		background-image: url('../../img/four.jpg');
	}
	.tu5 {
		height: 1350px;
		background-image: url('../../img/five.jpg');
	}
	.tu6 {
		height: 1040px;
		background-image: url('../../img/six.jpg');
	}
	.tu7 {
		height: 520px;
		background-image: url('../../img/seven.png');
	}
	.tu8 {
		height: 700px;
		background-image: url('../../img/eight.jpg');
	}
	.tu9 {
		height: 1100px;
		background-image: url('../../img/nine.png');
	}
	.tu10 {
		height: 600px;
		background-image: url('../../img/ten.jpg');
	}
	.footer {
		height: 635px;
		background-image: url('../../img/footer.png');
	}
	.title {
		width: 440px;
		position: absolute;
		top: 220px;
		left: 170px;
	}
	.title2 {
		width: 440px;
		position: absolute;
		top: 400px;
		left: 175px;
	}
	.title3 {
		width: 250px;
		position: absolute;
		top: 500px;
		left: 600px;
	}
	.right_bar {
		width: 100px;
		height: 300px;
		position: fixed;
		top: 200px;
		right: 15px;
		z-index: 999;
	}
	.right_bar img {
		width: 100px;
		margin-bottom: 10px;
	}
	.tu2_son1 {
		width: 300px;
		position: absolute;
		top: 10px;
		left: 200px;
	}
</style>